<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/productList.css">
</head>

<body>
    <header></header>
    <div class="line-top"></div>
    <main class="main">
        <div class="container">
            <div class="goods-product-l baozhi">
                <h2>包治百病></h2>
                
            </div>
            <div class="goods-product-r xiezi">
                <h2>&lt;美鞋不嫌多</h2>
                
            </div>

            <div class="goods-product-l hufu">
                <h2>护肤要积极></h2>
            
            </div>
            <div class="goods-product-r meizhuang">
                <h2>&lt;新手美妆指南</h2>
            
            </div>
            <div class="goods-product-l jiankang">
                <h2>吃出健康></h2>
            
            </div>
            <div class="goods-product-r jianfei">
                <h2>&lt;我要减肥！我要逆袭！</h2>
            
            </div>








            <ul class="fenlei">
                <h3>品牌</h3>
                <li>包包</li>
                <li>裙装</li>
                <li>美鞋</li>
                <li>日本药妆</li>
                <li>韩式护肤</li>
            </ul>
            <ul class="erji baobao">
                <li><a href="javascript:;">
                        <img src="./FYOne-images/1.png" alt="">
                        <p>路易威登</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYOne-images/2.png" alt="">
                        <p>香奈儿</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYOne-images/3.png" alt="">
                        <p>普拉达</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYOne-images/4.png" alt="">
                        <p>克洛伊</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYOne-images/5.png" alt="">
                        <p>芙拉</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYOne-images/6.png" alt="">
                        <p>赛琳</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYOne-images/7.png" alt="">
                        <p>蔻驰</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYOne-images/8.png" alt="">
                        <p>迈克·高仕</p>
                    </a></li>
            </ul>
            <ul class="erji qunzhuang">
                <li><a href="javascript:;">
                        <img src="./FYTwo-images/1.png" alt="">
                        <p>sandro</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYTwo-images/2.png" alt="">
                        <p>Max Mara</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYTwo-images/3.png" alt="">
                        <p>maje</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYTwo-images/4.png" alt="">
                        <p>香蕉共和国</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYTwo-images/5.png" alt="">
                        <p>浪凡</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYTwo-images/6.png" alt="">
                        <p>范思哲</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYTwo-images/7.png" alt="">
                        <p>高品</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYTwo-images/8.png" alt="">
                        <p>asos</p>
                    </a></li>
            </ul>
            <ul class="erji meixie">
                <li><a href="javascript:;">
                        <img src="./FYThree-images/1.png" alt="">
                        <p>菲拉格慕</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYThree-images/2.png" alt="">
                        <p>周仰杰</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYThree-images/3.png" alt="">
                        <p>玖熙</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYThree-images/4.png" alt="">
                        <p>科迪斯</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYThree-images/5.png" alt="">
                        <p>罗杰维维亚</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYThree-images/6.png" alt="">
                        <p>芬迪</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYThree-images/7.png" alt="">
                        <p>华伦天奴</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYThree-images/8.png" alt="">
                        <p>史蒂夫·马登</p>
                    </a></li>
            </ul>
            <ul class="erji yaozhuang">
                <li><a href="javascript:;">
                        <img src="./FYFour-images/1.png" alt="">
                        <p>SK-II</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYFour-images/2.png" alt="">
                        <p>肌肤之钥</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYFour-images/3.png" alt="">
                        <p>黛珂</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYFour-images/4.png" alt="">
                        <p>资生堂</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYFour-images/5.png" alt="">
                        <p>高丝</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYFour-images/6.png" alt="">
                        <p>芳苛</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYFour-images/7.png" alt="">
                        <p>奥尔滨</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYFour-images/8.png" alt="">
                        <p>戴娜宝</p>
                    </a></li>
            </ul>
            <ul class="erji hufu">
                <li><a href="javascript:;">
                        <img src="./FYFive-images/1.png" alt="">
                        <p>后</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYFive-images/2.png" alt="">
                        <p>雪花秀</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYFive-images/3.png" alt="">
                        <p>呼吸</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYFive-images/4.png" alt="">
                        <p>伊思</p>
                    </a></li>
                <li><a href="javascript:;">
                        <img src="./FYFive-images/5.png" alt="">
                        <p>赫拉</p>
                    </a></li>
                    <li><a href="javascript:;">
                            <img src="./FYFive-images/6.png" alt="">
                            <p>兰芝</p>
                        </a></li>
                    <li><a href="javascript:;">
                            <img src="./FYFive-images/7.png" alt="">
                            <p>悦诗风吟</p>
                        </a></li>
                    <li><a href="javascript:;">
                            <img src="./FYFive-images/8.png" alt="">
                            <p>梦妆</p>
                        </a></li>
            </ul>

        

        </div>

    </main>
    <footer></footer>
    <div class="renwu-chacao"></div>
</body>

</html>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<script src="./js/productList.js"></script>
<script src="./js/cookie.js"></script>
<script>
    $('header').load("./HeaderAll.html")
    $('footer').load("./Footer.html")
    $('.renwu-chacao').load("./renwu.html")
</script>